<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>   Slideshow Gallery Pro &middot; Cameron Preston</title>
	<link rel="stylesheet" href="http://localhost/wp/style.css" type="text/css" media="screen" />
	<script type="text/javascript" src="http://localhost/wp/swfobject.js"></script>
	<link rel='stylesheet' id='shadowbox-css-css'  href='http://localhost/wp/shadowbox.css?ver=3.0.3' type='text/css' media='screen' />
	<link rel='stylesheet' id='slideshow-gallery-pro-css'  href='http://localhost/wp/gallery-css.php?v&#038;pID=715&#038;navbuttons=2&#038;resizeimages=Y&#038;resizeimages2=Y&#038;width=500&#038;height=375&#038;thumbheight=60&#038;border=1px+solid+%23CCCCCC&#038;background=%23FFF&#038;infobackground=%23000&#038;infocolor=%23FFF&#038;infomin=N&#038;align=none&#038;width_temp=400&#038;height_temp=300&#038;ver=3.2.1' type='text/css' media='all' />
	<script type='text/javascript' src='http://localhost/wp/jquery.js?ver=1.6.1'></script>
	<script type='text/javascript' src='http://localhost/wp/gallery-min.js?ver=3.2.1'></script>
</head>
<body>

<div id="page">
	<div id="outside-bubble">
  		<div id="bubble">
			<div id="content">
				<div class="post" id="post-715">
        			<div class="entry">
						<style type="text/css">
							.subcat {
								padding-left:5px;	
							}
							.headcat {
								background:#EEE;
							}
							.headcat th {
								font-weight:bold;
								font-style:inherit;
								font-size:14px;
							}
						</style>
						<h2>Slideshow Gallery Pro</h2>
						﻿<ul id="sgpro_slideshow" style="display:none;">
							<li>
								<h5>Slideshow Gallery 2 Example 1</h5>
 								<h4>tall</h4>
								<h5>lightbox</h5>
								<span>http://localhost/2.Gio Hoc CoSo1/IMG_95332.JPG</span>                   
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
								<a href="http://localhost/2.Gio Hoc CoSo1/IMG_95333.JPG" rel="shadowbox[sbpost-715];player=img;" title="Slideshow Gallery 2 Example 1">
									<img style="height:60px;" src="http://localhost/2.Gio Hoc CoSo1/IMG_95333.JPG" alt="slideshow-gallery-2-example-1" />la
								</a>                                
							</li>
							<li>
								<h5>Slideshow Gallery 2 Example 2</h5>
								<h4></h4>
								<h5>lightbox</h5>
								<span>http://cameronpreston.com/wp/wp-content/uploads/2010/04/tree-field.jpg</span>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt </p>
								<a href="http://cameronpreston.com/wp/wp-content/uploads/2010/04/tree-field.jpg" rel="shadowbox[sbpost-715];player=img;" title="Slideshow Gallery 2 Example 2">
									<img style="height:60px;" src="http://cameronpreston.com/wp/wp-content/uploads/2010/04/tree-field-150x150.jpg" alt="slideshow-gallery-2-example-2" />la
								</a>                                
							</li>
							<li>
								<h5>Slideshow Gallery 2 Example 7</h5>
                    			<h4></h4>
								<h5>lightbox</h5>
								<span>http://cameronpreston.com/wp/wp-content/uploads/2010/04/sand-dunes.jpg</span>
								<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>															                        
								<a href="http://cameronpreston.com/wp/wp-content/uploads/2010/04/sand-dunes.jpg" rel="shadowbox[sbpost-715];player=img;" title="Slideshow Gallery 2 Example 7">
									<img style="height:60px;" src="http://cameronpreston.com/wp/wp-content/uploads/2010/04/sand-dunes-150x150.jpg" alt="slideshow-gallery-2-example-7" />la
								</a>                                
							</li>
						</ul>
						<div id="slideshow-wrapper">
							<div id="fullsize">
								<div id="imgprev" class="imgnav" title="Previous Image"></div>
            					<div id="imglink"></div>
								<div id="imgnext" class="imgnav" title="Next Image"></div>
								<div id="sgpro_image"></div>
								<div id="information">
								<h5></h5>
								<p></p>
							</div>
						</div>            
						<div id="thumbnails" class="thumbsbot">
							<div id="slideleft" title="Slide Left"></div>
							<div id="slidearea">
								<div id="thumbslider"></div>
							</div>
							<div id="slideright" title="Slide Right"></div>
							<br style="clear:both; visibility:hidden; height:1px;" />
						</div>				
					</div>
					<script type="text/javascript">
						jQuery.noConflict();
						tid('sgpro_slideshow').style.display = "none";
						tid('slideshow-wrapper').style.display = 'block';
						tid('slideshow-wrapper').style.visibility = 'hidden';	
						jQuery("#fullsize").append('<div id="spinner"><img src="http://localhost/wp/spinner.gif"></div>');
						tid('spinner').style.visibility = 'visible';
						var sgpro_slideshow = new TINY.sgpro_slideshow("sgpro_slideshow");
							
						jQuery(document).ready(function($) {
							window.setTimeout(function() {
								sgpro_slideshow.slidearray = jsSlideshow;
								sgpro_slideshow.auto = 1;	
								sgpro_slideshow.nolink = 0;
								sgpro_slideshow.nolinkpage = 0;	
								sgpro_slideshow.pagelink="self";
								sgpro_slideshow.speed = 8;
								sgpro_slideshow.imgSpeed = 50;
								sgpro_slideshow.navOpacity = 25;
								sgpro_slideshow.navHover = 70;
								sgpro_slideshow.letterbox = "#FFF";
								sgpro_slideshow.info = "information";
								sgpro_slideshow.infoShow = "S";
								sgpro_slideshow.infoSpeed = 7;
								sgpro_slideshow.left = "slideleft";
								sgpro_slideshow.wrap = "slideshow-wrapper";
								sgpro_slideshow.right = "slideright";
								sgpro_slideshow.link = "linkhover";
								sgpro_slideshow.gallery = "post-312";
								sgpro_slideshow.thumbs = "thumbslider";
								sgpro_slideshow.thumbOpacity = 70;
								sgpro_slideshow.thumbHeight = 75;
								//		sgpro_slideshow.scrollSpeed = 7;
								sgpro_slideshow.scrollSpeed = 7;
								sgpro_slideshow.spacing = 5;
								sgpro_slideshow.active = "#000000";
								sgpro_slideshow.imagesbox = "shadowbox";	
								jQuery("#spinner").remove();
								sgpro_slideshow.init("sgpro_slideshow","sgpro_image","imgprev","imgnext","imglink");
							}, 1000);
							tid('slideshow-wrapper').style.visibility = 'visible';
						});
					</script>
					<div>
					<div class="toggle">
						<br />		
						<script type="text/javascript">
							var jsSlideshow = new Array();
						</script>
					</div>
				</div>
				<div>
					<p>
		        </div>
      		</div>
      	</div>  <!--#content -->
 		<div id="cameron2">
		</div> <!--#cameron -->
	</div>
	<script type='text/javascript' src='http://localhost/wp/fb5230720420610a6d20e38efb19d3af.js?ver=3.0.3'></script>
	
	<!-- Begin Shadowbox JS v3.0.3.8 -->
	<!-- Selected Players: html, iframe, img, qt, swf, wmp -->
	<script type="text/javascript">
		var shadowbox_conf = {
			autoDimensions: false,
			animateFade: true,
			animate: true,
			animSequence: "sync",
			autoplayMovies: true,
			continuous: false,
			counterLimit: 10,
			counterType: "default",
			displayCounter: true,
			displayNav: true,
			enableKeys: true,
			flashBgColor: "#000000",
			flashParams: {bgcolor:"#000000", allowFullScreen:true},
			flashVars: {},
			flashVersion: "9.0.0",
			handleOversize: "resize",
			handleUnsupported: "link",
			initialHeight: 160,
			initialWidth: 320,
			modal: false,
			overlayColor: "#000",
			showMovieControls: true,
			showOverlay: true,
			skipSetup: false,
			slideshowDelay: 0,
			useSizzle: false,
			viewportPadding: 20
		};
		Shadowbox.init(shadowbox_conf);
	</script>
</body>
</html>

